<?php

if (!class_exists("Theme_options_framework_config")) {

    class Theme_options_framework_config {

        public $args = array();
        public $sections = array();
        public $theme;
        public $ReduxFramework;

        public function __construct() {
            // This is needed. Bah WordPress bugs.  ;)
            if ( defined('TEMPLATEPATH') && strpos( Redux_Helpers::cleanFilePath( __FILE__ ), Redux_Helpers::cleanFilePath( TEMPLATEPATH ) ) !== false) {
                $this->initSettings();
            } else {
                add_action('plugins_loaded', array($this, 'initSettings'), 10);    
            }
        }

        public function initSettings() {

            if ( !class_exists("ReduxFramework" ) ) {
                return;
            }       
            
            // Just for demo purposes. Not needed per say.
            $this->theme = wp_get_theme();

            // Set the default arguments
            $this->setArguments();

            // Set a few help tabs so you can see how it's done
            $this->setHelpTabs();

            // Create the sections and fields
            $this->setSections();

            if (!isset($this->args['opt_name'])) { // No errors please
                return;
            }
            
            // If Redux is running as a plugin, this will remove the demo notice and links
            //add_action( 'redux/plugin/hooks', array( $this, 'remove_demo' ) );
            // Function to test the compiler hook and demo CSS output.
            //add_filter('redux/options/'.$this->args['opt_name'].'/compiler', array( $this, 'compiler_action' ), 10, 2); 
            // Above 10 is a priority, but 2 in necessary to include the dynamically generated CSS to be sent to the function.
            // Change the arguments after they've been declared, but before the panel is created
            //add_filter('redux/options/'.$this->args['opt_name'].'/args', array( $this, 'change_arguments' ) );
            // Change the default value of a field after it's been set, but before it's been useds
            //add_filter('redux/options/'.$this->args['opt_name'].'/defaults', array( $this,'change_defaults' ) );
            // Dynamically add a section. Can be also used to modify sections/fields
           // add_filter('redux/options/' . $this->args['opt_name'] . '/sections', array($this, 'dynamic_section'));
            
            $this->ReduxFramework = new ReduxFramework($this->sections, $this->args);
        }

        
      /**

          This is a test function that will let you see when the compiler hook occurs.
          It only runs if a field	set with compiler=>true is changed.

         * */
        
        
        
        function compiler_action($options, $css) {
            //echo "<h1>The compiler hook has run!";
            //print_r($options); //Option values
            //print_r($css); // Compiler selector CSS values  compiler => array( CSS SELECTORS )

            /*
              // Demo of how to use the dynamic CSS and write your own static CSS file
              $filename = dirname(__FILE__) . '/style' . '.css';
              global $wp_filesystem;
              if( empty( $wp_filesystem ) ) {
              require_once( ABSPATH .'/wp-admin/includes/file.php' );
              WP_Filesystem();
              }

              if( $wp_filesystem ) {
              $wp_filesystem->put_contents(
              $filename,
              $css,
              FS_CHMOD_FILE // predefined mode settings for WP files
              );
              }
             */
        }

         /**

          Custom function for filtering the sections array. Good for child themes to override or add to the sections.
          Simply include this function in the child themes functions.php file.

          NOTE: the defined constants for URLs, and directories will NOT be available at this point in a child theme,
          so you must use get_template_directory_uri() if you want to use any of the built in icons

         * */
		 function dynamic_section($sections) {
            //$sections = array();
            $sections[] = array(
                'title' => __('Section via hook', 'redux-framework-demo'),
                'desc' => __('<p class="description">This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.</p>', 'redux-framework-demo'),
                'icon' => 'el-icon-paper-clip',
                // Leave this as a blank section, no options just some intro text set above.
                'fields' => array()
            );

            return $sections;
        }
        
      /**

          Filter hook for filtering the args. Good for child themes to override or add to the args array. Can also be used in other functions.

         * */
        function change_arguments($args) {
            //$args['dev_mode'] = true;

            return $args;
        }

        /**

          Filter hook for filtering the default value of any given field. Very useful in development mode.

         * */
        function change_defaults($defaults) {
            $defaults['str_replace'] = "Testing filter hook!";

            return $defaults;
        }

        // Remove the demo link and the notice of integrated demo from the redux-framework plugin
        function remove_demo() {

            // Used to hide the demo mode link from the plugin page. Only used when Redux is a plugin.
            if (class_exists('ReduxFrameworkPlugin')) {
                remove_filter('plugin_row_meta', array(ReduxFrameworkPlugin::get_instance(), 'plugin_meta_demo_mode_link'), null, 2);
            }

            // Used to hide the activation notice informing users of the demo panel. Only used when Redux is a plugin.
            remove_action('admin_notices', array(ReduxFrameworkPlugin::get_instance(), 'admin_notices'));
        }
   
        public function setSections() {

			/**
              Used within different fields. Simply examples. Search for ACTUAL DECLARATION for field examples
             * */
            // Background Patterns Reader
            $sample_patterns_path = ReduxFramework::$_dir . '../sample/patterns/';
            $sample_patterns_url = ReduxFramework::$_url . '../sample/patterns/';
            $sample_patterns = array();

            if (is_dir($sample_patterns_path)) :

                if ($sample_patterns_dir = opendir($sample_patterns_path)) :
                    $sample_patterns = array();

                    while (( $sample_patterns_file = readdir($sample_patterns_dir) ) !== false) {

                        if (stristr($sample_patterns_file, '.png') !== false || stristr($sample_patterns_file, '.jpg') !== false) {
                            $name = explode(".", $sample_patterns_file);
                            $name = str_replace('.' . end($name), '', $sample_patterns_file);
                            $sample_patterns[] = array('alt' => $name, 'img' => $sample_patterns_url . $sample_patterns_file);
                        }
                    }
                endif;
            endif;

            ob_start();

            $ct = wp_get_theme();
            $this->theme = $ct;
            $item_name = $this->theme->get('Name');
            $tags = $this->theme->Tags;
            $screenshot = $this->theme->get_screenshot();
            $class = $screenshot ? 'has-screenshot' : '';

            $customize_title = sprintf(__('Customize &#8220;%s&#8221;', 'redux-framework-demo'), $this->theme->display('Name'));
            ?>
            <div id="current-theme" class="<?php echo esc_attr($class); ?>">
            <?php if ($screenshot) : ?>
                <?php if (current_user_can('edit_theme_options')) : ?>
                        <a href="<?php echo wp_customize_url(); ?>" class="load-customize hide-if-no-customize" title="<?php echo esc_attr($customize_title); ?>">
                            <img src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
                        </a>
                <?php endif; ?>
                    <img class="hide-if-customize" src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
            <?php endif; ?>

                <h4>
            <?php echo $this->theme->display('Name'); ?>
                </h4>

                <div>
                    <ul class="theme-info">
                        <li><?php printf(__('By %s', 'redux-framework-demo'), $this->theme->display('Author')); ?></li>
                        <li><?php printf(__('Version %s', 'redux-framework-demo'), $this->theme->display('Version')); ?></li>
                        <li><?php echo '<strong>' . __('Tags', 'redux-framework-demo') . ':</strong> '; ?><?php printf($this->theme->display('Tags')); ?></li>
                    </ul>
                    <p class="theme-description"><?php echo $this->theme->display('Description'); ?></p>
                <?php
                if ($this->theme->parent()) {
                    printf(' <p class="howto">' . __('This <a href="%1$s">child theme</a> requires its parent theme, %2$s.') . '</p>', __('http://codex.wordpress.org/Child_Themes', 'redux-framework-demo'), $this->theme->parent()->display('Name'));
                }
                ?>

                </div>

            </div>

            <?php
            $item_info = ob_get_contents();

            ob_end_clean();

            $sampleHTML = '';
            if (file_exists(dirname(__FILE__) . '/info-html.html')) {
                /** @global WP_Filesystem_Direct $wp_filesystem  */
                global $wp_filesystem;
                if (empty($wp_filesystem)) {
                    require_once(ABSPATH . '/wp-admin/includes/file.php');
                    WP_Filesystem();
                }
                $sampleHTML = $wp_filesystem->get_contents(dirname(__FILE__) . '/info-html.html');
            }


        	
        	
        	// ACTUAL DECLARATION OF SECTIONS
        	
/*------------------------------------------------------------
 * 				General Section 
------------------------------------------------------------*/
            
            $this->sections[] = array(
                'title' => __('General Settings', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-wrench',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'stylesheet',
                        'type' => 'select',
                        'title' => __('Theme Stylesheet', 'redux-framework-demo'),
                        'subtitle' => __('Select your themes alternative color scheme.', 'redux-framework-demo'),
                        'options' => array('default.css' => 'default.css', 'gold.css' => 'gold.css', 'white.css' => 'white.css', 'gray.css' => 'gray.css', 'pink.css' => 'pink.css'),
                        'default' => 'default.css',
                   ),
                    	array(
                        'id' => 'fav-icon-img',
                        'type' => 'media',
                        'title' => __('Custom Favicon', 'redux-framework-demo'),
                        'compiler' => 'true',
                        'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                        'desc' => __('Image size 16px x 16px', 'redux-framework-demo'),
                        'subtitle' => __('You can put image that will represent your website.', 'redux-framework-demo'),
                    ),
                         array(
                        'id' => 'tracking-code-body',
                        'type' => 'textarea',
                        'title' => __('Tracking Code', 'redux-framework-demo'),
                     	'subtitle' => __('You can put Google Analysis tracking code(or other), this section will added into the footer template.', 'redux-framework-demo'),
                        'desc' => __('Tracking Code.', 'redux-framework-demo'),
                        'validate' => 'html', //see http://codex.wordpress.org/Function_Reference/wp_kses_post
                        'default' => 'HTML is allowed in here.'

                    ),
                    
                     	array(
                        'id' => 'before-head-code',
                        'type' => 'textarea',
                        'title' => __('Space area before &lt;/head&gt;', 'redux-framework-demo'),
                     	'subtitle' => __('You can put any code before </head> tag.', 'redux-framework-demo'),
                        'desc' => __('Code before &lt;/head&gt; tag.', 'redux-framework-demo'),
                        'validate' => 'html', //see http://codex.wordpress.org/Function_Reference/wp_kses_post
                        'default' => 'HTML is allowed in here.'
                    ),
                    
                    	array(
                        'id' => 'before-body-code',
                        'type' => 'textarea',
                        'title' => __('Space area before &lt;/body&gt;', 'redux-framework-demo'),
                     	'subtitle' => __('You can put any code before </body> tag', 'redux-framework-demo'),
                        'desc' => __('Code before &lt;/body&gt; tag.', 'redux-framework-demo'),
                        'validate' => 'html', //see http://codex.wordpress.org/Function_Reference/wp_kses_post
                        'default' => 'HTML is allowed in here.'
                    ),
                   
                   
                )
                
            ); 
            
  /*------------------------------------------------------------
 * 				Layout Section 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Layout Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-picture',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
						
						array(
                        'id' => 'responsesive-display',
                        'type' => 'switch',
                        'title' => __('Responsesive Display', 'redux-framework-demo'),
                        'subtitle' => __('You can enable/disable responsesive display', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),                
                 		array(
                        'id' => 'webpage-layout',
                        'type' => 'image_select',
                        'compiler' => true,
                        'title' => __('Main Layout', 'redux-framework-demo'),
                        'subtitle' => __('Select boxed or wide layout.', 'redux-framework-demo'),
                        'options' => array(
                            '1' => array('alt' => 'wide layout', 'img' => ReduxFramework::$_url . 'assets/img/wide.png'),
                            '2' => array('alt' => 'boxed layout', 'img' => ReduxFramework::$_url . 'assets/img/boxed.png')
                           
                        ),
                        'default' => '2'
                    ),
                   		
                    	array(
                        'id' => 'body-background',
                        'type' => 'background',
                        'output' => array('body'),
                        'title' => __('Body Background', 'redux-framework-demo'),
                        'subtitle' => __('Body background with image, color, etc.', 'redux-framework-demo'),
                   		'background-color' =>false,
                    
                    ),
                    
                    
                    	 array(
                        'id' => 'switch-custom-bg-pattern',
                        'type' => 'switch',
                        'title' => __('Use Background Pattern', 'redux-framework-demo'),
                        'subtitle' => __('Enable for use a background pattern', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                   		 array(
                        'id' => 'bg-pattern',
                        'type' => 'image_select',
                   		'required' => array('switch-custom-bg-pattern', '=', '1'),
                        'compiler' => true,
                        'title' => __('Select Background Pattern', 'redux-framework-demo'),
                        'subtitle' => __('You can select background pattern ', 'redux-framework-demo'),
                        'options' => array(
                            '1' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                            '2' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                            '3' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'4' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'5' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'6' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'7' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'8' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		 	'9' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                   		   '10' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png')
                        ),
                        'default' => '2'
                    ),
                   
                )
                
            ); 

 /*------------------------------------------------------------
 * 				Header Section 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Hedder Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-align-justify',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'header-layout',
                        'type' => 'image_select',
                        'compiler' => true,
                        'title' => __('Header Layout', 'redux-framework-demo'),
                        'subtitle' => __('Select header layout', 'redux-framework-demo'),
                        'options' => array(
                            '1' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/header-pattern/header1.png'),
                            '2' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/header-pattern/header2.png'),
                            '3' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/header-pattern/header3.png'),
                 		    '4' => array('alt' => '4 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/header-pattern/header4.png'),
                 		    '5' => array('alt' => '5 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/header-pattern/header5.png')                           
                        ),
                        'default' => '2'
                   	),
                   	

                    array(
                        'id' => 'switch-search-box-header',
                        'type' => 'switch',
                        'title' => __('Display Search Box', 'redux-framework-demo'),
                        'subtitle' => __('enable/disable search box', 'redux-framework-demo'),
                        'desc' => __('You can enable/disable search box when you select header layout and have search box internal.', 'redux-framework-demo'), 
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    array(
                        'id' => 'switch-breadcrumbs-box-header',
                        'type' => 'switch',
                        'title' => __('Display Breadcrumbs Box', 'redux-framework-demo'),
                        'subtitle' => __('enable/disable breadcrumbs box', 'redux-framework-demo'),
                        'desc' => __('You can enable/disable breadcrumbs box when you select header layout and have breadcrumbs box internal.', 'redux-framework-demo'), 
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    array(
                        'id' => 'switch-social-box-header',
                        'type' => 'switch',
                        'title' => __('Display Social Box', 'redux-framework-demo'),
                        'subtitle' => __('enable/disable social box', 'redux-framework-demo'),
                        'desc' => __('You can enable/disable social box when you select header layout and have social box internal.', 'redux-framework-demo'), 
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    array(
                        'id' => 'switch-custom-menu',
                        'type' => 'switch',
                        'title' => __('Display Menu On Header', 'redux-framework-demo'),
                        'subtitle' => __('enable/disable menu on header', 'redux-framework-demo'),
                        'desc' => __('You can enable/disable menu on header when you select header layout and have menu internal.', 'redux-framework-demo'), 
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    array(
                        'id' => 'titlebar-display',
                        'type' => 'switch',
                        'title' => __('Display Page Title Bar', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),	
                   	 array(
                        'id' => 'titlebar-bg',
                        'type' => 'media',
                    	'required' => array('titlebar-display', '=', '1'),
                        'title' => __('Page Title Bar Background', 'redux-framework-demo'),
                        'compiler' => 'true',
                        'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                        'desc' => __('Please choose an image or insert an image url to use for the backgroud.', 'redux-framework-demo'),
                        'subtitle' => __('Upload any media using the WordPress native uploader', 'redux-framework-demo'),
                    ),
                    
                    array(
                        'id' => 'titlebar-bg2x',
                        'type' => 'media',
                    	'required' => array('titlebar-display', '=', '1'),
                        'title' => __('Page Title Bar Background (Retina @2x)', 'redux-framework-demo'),
                        'compiler' => 'true',
                        'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                        'desc' => __('Please choose an image or insert an image url to use for the backgroud.', 'redux-framework-demo'),
                        'subtitle' => __('Upload any media using the WordPress native uploader', 'redux-framework-demo'),
                    ),
                    
                    array(
                        'id' => 'titlebar-color-background',
                        'type' => 'color',
                    	'required' => array('titlebar-display', '=', '1'),
                        'output' => array('.site-title'),
                        'title' => __('Page Title Bar Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    ),

                    
                    array(
                        'id' => 'header-top-margin',
                        'type' => 'slider',
                        'title' => __('Header Top Margin', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 1, max: 500, step: 3, default value: 45', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "1",
                        "step" => "3",
                        "max" => "300",
                    ),
                    
                   	array(
                        'id' => 'header-bottom-margin',
                        'type' => 'slider',
                        'title' => __('Header Bottom Margin', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 1, max: 500, step: 3, default value: 45', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "1",
                        "step" => "3",
                        "max" => "300",
                    ),
                    
                    array(
                        'id' => 'logo-left-margin',
                        'type' => 'slider',
                        'title' => __('Logo Left Margin', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 1, max: 500, step: 3, default value: 45', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "1",
                        "step" => "3",
                        "max" => "300",
                    ),
                    
                    array(
                        'id' => 'logo-right-margin',
                        'type' => 'slider',
                        'title' => __('Logo right Margin', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 1, max: 500, step: 3, default value: 45', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "1",
                        "step" => "3",
                        "max" => "300",
                    ),
                    
                    array(
                        'id' => 'switch-custom-logo',
                        'type' => 'button_set',
                        'title' => __('Display Logo', 'redux-framework-demo'),
                        'subtitle' => __('You can use logo as image or text', 'redux-framework-demo'),
                        'desc' => __('', 'redux-framework-demo'),
                        'options' => array('1' => 'Not Display', '2' => 'Display Text Logo', '3' => 'Display Image Logo'), //Must provide key => value pairs for radio options
                        'default' => '1'
                    ),
                  
                    array(
                        'id' => 'logo-text',
                        'type' => 'text',
                        'required' => array('switch-custom-logo', '=', '2'),
                        'title' => __('Text Logo', 'redux-framework-demo'),
                        'subtitle' => __('You can put text use for logo.', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'Text for logo.'
                    ),

                  
                    array(
                        'id' => 'logo-image',
                        'type' => 'media',
                    	'required' => array('switch-custom-logo', '=', '3'),
                        'title' => __('Logo Image', 'redux-framework-demo'),
                        'compiler' => 'true',
                        'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                        'desc' => __('Please choose an image or insert an image url to use for the background.', 'redux-framework-demo'),
                        'subtitle' => __('Upload any media using the WordPress native uploader', 'redux-framework-demo'),
                    ),
                    
                    array(
                        'id' => 'logo-image2x',
                        'type' => 'media',
                    	'required' => array('switch-custom-logo', '=', '3'),
                        'title' => __('Logo Image (Retina @2x)', 'redux-framework-demo'),
                        'compiler' => 'true',
                        'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                        'desc' => __('Please choose an image or insert an image url to use for the background.', 'redux-framework-demo'),
                        'subtitle' => __('Upload any media using the WordPress native uploader', 'redux-framework-demo'),
                    ),
                    
                    array(
                        'id' => 'contact-header',
                        'type' => 'text',
                        'title' => __('Contact Information On Header', 'redux-framework-demo'),
                        'subtitle' => __('You can put contact information on header.', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => ''
                    ),
                    
                    array(
                        'id' => 'headline-header',
                        'type' => 'text',
                        'title' => __('Headline on Header', 'redux-framework-demo'),
                        'subtitle' => __('You can put header text on header.', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                  )
                
            ); 
            
 /*------------------------------------------------------------
 * 				Footer Section 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Footer Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-barcode',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
            			array(
                        'id' => 'footer-display',
                        'type' => 'switch',
                        'title' => __('Display Footer', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),	     		
			
						array(
                        'id' => 'footer-layout',
                        'type' => 'image_select',
						'required' => array('footer-display', '=', '1'),
                        'compiler' => true,
                        'title' => __('Footer Columns', 'redux-framework-demo'),
                        'subtitle' => __('Select main content and sidebar alignment. Choose between 1, 2 or 3 column layout.', 'redux-framework-demo'),
                        'options' => array(
                            '1' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/footer1c.png'),
                            '2' => array('alt' => '2 Column', 'img' => ReduxFramework::$_url . 'assets/img/footer2c.png'),
                            '3' => array('alt' => '3 Column', 'img' => ReduxFramework::$_url . 'assets/img/footer3c.png'),
                            '4' => array('alt' => '4 Column', 'img' => ReduxFramework::$_url . 'assets/img/footer4c.png')
                        ),
                        'default' => '2'
                    ),
			
			
						array(
                        'id' => 'switch-social-box-footer',
                        'type' => 'switch',
                        'title' => __('Display Social Box', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),	
                   
                    	array(
                        'id' => 'copyright-display',
                        'type' => 'switch',
                        'title' => __('Display Copyright', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                     	array(
                        'id' => 'copyright-info',
                        'type' => 'textarea',
                     	'required' => array('copyright-display', '=', '1'),
                        'title' => __('Copyright Text', 'redux-framework-demo'),
                     	'subtitle' => __('Just like a text box widget.', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'html', //see http://codex.wordpress.org/Function_Reference/wp_kses_post
                        'default' => 'HTML is allowed in here.'

                    ),
                    array(
                        'id' => 'bottom-menu-display',
                        'type' => 'switch',
                        'title' => __('Display Bottom Menu', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                     array(
                        'id' => 'bottom-search-display',
                        'type' => 'switch',
                        'title' => __('Display Bottom Search', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                   
                    array(
                        'id' => 'contact-footer',
                        'type' => 'text',
                        'title' => __('Contact Infomation On Footer', 'redux-framework-demo'),
                        'subtitle' => __('You decide.', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                )
                
            ); 
 /*------------------------------------------------------------
 * 				Homepage Section 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Homepage Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-home',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                        array(
                        'id' => 'allow-comment-pages',
                        'type' => 'switch',
                        'title' => __('Allow comment on pages', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                   
                   
                )
                
            );             



 /*------------------------------------------------------------
 * 				Theme Color Skin 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Theme Color Skin', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-tint',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
			
                 		array(
                        'id' => 'webpage-theme-color',
                        'type' => 'image_select',
                        'compiler' => true,
                        'title' => __('Theme Color Website', 'redux-framework-demo'),
                        'subtitle' => __('Select main content and sidebar alignment. Choose between 1, 2 or 3 column layout.', 'redux-framework-demo'),
                        'options' => array(
							'1' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-white.png'),
                 			'2' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-red.png'),
                            '3' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-lightred.png'),
                            '4' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-blue.png'),
                            '5' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-lightblue.png'),
                            '6' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-green.png'),
                            '7' => array('alt' => '', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-darkgreen.png'),
							/*'8' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-yellow.png'),
                            '9' => array('alt' => '2 Column Left', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-pink.png'),
                            '10' => array('alt' => '2 Column Right', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-brown.png'),
                            '11' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-lightgrey.png'),
							'12' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/l-violet.png'),
                            '13' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-red.png'),
                            '14' => array('alt' => '2 Column Left', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-lightred.png'),
                            '15' => array('alt' => '2 Column Right', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-blue.png'),
                            '16' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-lightblue.png'),
                            '17' => array('alt' => '3 Column Left', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-green.png'),
                            '18' => array('alt' => '3 Column Right', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-darkgreen.png'),
							'19' => array('alt' => '1 Column', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-yellow.png'),
                            '20' => array('alt' => '2 Column Left', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-pink.png'),
                 			'21' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-violet.png'),
                            '22' => array('alt' => '2 Column Right', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-brown.png'),
                            '23' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-lightgrey.png'),
                 			'24' => array('alt' => '3 Column Middle', 'img' => ReduxFramework::$_url . 'assets/img/theme-color/d-black.png')
*/                 		
                 		
                 		),
                        'default' => '1'
                    ),
                    
                    /*------------------------------------- 
                    		Header Background Color 
                    -------------------------------------- */
                   	 	array(
                        'id' => 'header-bg-color-1',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('1')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-2',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('2')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FF9699',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-3',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('3')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFAE95',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-4',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('4')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#00B9E4',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-5',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('5')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#BDE9E7',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-6',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('6')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#D6E8D3',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-7',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('7')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#B6E4C1',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	/*array(
                        'id' => 'header-bg-color-8',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('8')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#F3EFB9',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-9',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('9')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#EAD0D0',
	                    'validate' => 'color',
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-10',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('10')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#E5D7C6',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-11',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('11')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-12',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('12')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#D3B6E6',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                array(
                        'id' => 'header-bg-color-13',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('13')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#C20430',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-14',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('14')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#E64461',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-15',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('15')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#0071CF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-16',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('16')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#05BAB3',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-17',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('17')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#80BD00',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-18',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('18')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#2C9A44',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
                    	array(
                        'id' => 'header-bg-color-19',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('19')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#B48A09',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-20',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('20')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#AF0060',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-21',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('21')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#715192',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'header-bg-color-22',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('22')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#634F26',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'header-bg-color-23',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('23')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#65675E',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'header-bg-color-24',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('24')),
						'title' => __('Header Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#000000',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),*/
                    

                    /*------------------------------------- 
                    		Body Background Color 
                    -------------------------------------- */
                   	 	array(
                        'id' => 'body-bg-color-1',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('1')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-2',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('2')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-3',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('3')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-4',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('4')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-5',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('5')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-6',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('6')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-7',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('7')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    /*	array(
                        'id' => 'body-bg-color-8',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('8')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-9',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('9')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-10',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('10')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-11',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('11')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-12',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('12')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                array(
                        'id' => 'body-bg-color-13',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('13')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#3A000E',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-14',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('14')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#45000C',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-15',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('15')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#00223E',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-16',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('16')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#003B36',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-17',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('17')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#263900',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-18',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('18')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#002E0A',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
                    	array(
                        'id' => 'body-bg-color-19',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('19')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#362900',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-20',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('20')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#35001D',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-21',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('21')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#16002C',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'body-bg-color-22',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('22')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#1E1400',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'body-bg-color-23',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('23')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#333431',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'body-bg-color-24',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('24')),
						'title' => __('Body Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#000000',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),*/
                    
                    
                    /*------------------------------------- 
                    		Footer Background Color 
                    -------------------------------------- */
                   	 	array(
                        'id' => 'footer-bg-color-1',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('1')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-2',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('2')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#A62529',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-3',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('3')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#A64D30',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-4',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('4')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#007894',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-5',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('5')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#3D9794',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-6',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('6')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#509745',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-7',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('7')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#91AB97',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    /*	array(
                        'id' => 'footer-bg-color-8',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('8')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#9E973C',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-9',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('9')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#98446F',
	                    'validate' => 'color',
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-10',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('10')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#956F40',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-11',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('11')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#333431',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-12',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('12')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#2A0045',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                array(
                        'id' => 'footer-bg-color-13',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('13')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#3A000E',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-14',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('14')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#45000C',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-15',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('15')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#00223E',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-16',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('16')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#003B36',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-17',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('17')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#263900',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-18',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('18')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#002E0A',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
                    	array(
                        'id' => 'footer-bg-color-19',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('19')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#362900',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-20',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('20')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#35001D',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-21',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('21')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#16002C',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'footer-bg-color-22',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('22')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#1E1400',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'footer-bg-color-23',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('23')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#333431',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'footer-bg-color-24',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('24')),
						'title' => __('Footer Background Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#000000',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    */
                    /*------------------------------------- 
                    		Heading Font Color 
                    -------------------------------------- */
                   	 	array(
                        'id' => 'heading-font-color-1',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('1')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#7B8D9D',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-2',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('2')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#BF7073',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-3',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('3')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#BF9284',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-4',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('4')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#007894',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-5',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('5')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#96AFAE',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-6',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('6')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#A4AEA2',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-7',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('7')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#91AB97',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    /*	array(
                        'id' => 'heading-font-color-8',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('8')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#B6B496',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-9',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('9')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#B0A1AB',
	                    'validate' => 'color',
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-10',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('10')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#ACA49A',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-11',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('11')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#65675E',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-12',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('12')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#6E6773',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                array(
                        'id' => 'heading-font-color-13',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('13')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-14',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('14')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-15',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('15')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-16',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('16')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-17',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('17')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-18',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('18')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
                    	array(
                        'id' => 'heading-font-color-19',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('19')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-20',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('20')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-21',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('21')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),
                    	array(
                        'id' => 'heading-font-color-22',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('22')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
	                    array(
	                    'id' => 'heading-font-color-23',
	                    'type' => 'color',
	                    'required' => array('webpage-theme-color', 'equals', array('23')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
	                    'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
	                    'default' => '#FFFFFF',
	                    'validate' => 'color',
	                    'transparent' =>false,
	                ),
	                
	                	array(
                        'id' => 'heading-font-color-24',
                        'type' => 'color',
                        'required' => array('webpage-theme-color', 'equals', array('24')),
						'title' => __('Heading Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the footer (default: #dd9933).', 'redux-framework-demo'),
                        'default' => '#E1C400',
                        'validate' => 'color',
	                	'transparent' =>false,
                    ),*/
	                
	                /*------------------------------------- 
                    		Link Font Color 
                    -------------------------------------- */
                   	
                     	 array(
                        'id' => 'link-color-1',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#9ECAEB',
                            'hover' => '#CCE3F5',
                            'active' => '#D8DFDB',
                        )
                    ),
                    array(
                        'id' => 'link-color-2',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#A62529',
                            'hover' => '#BF7073',
                            'active' => '#FF7377',
                        )
                    ),
                    array(
                        'id' => 'link-color-3',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#A64D30',
                            'hover' => '#BF9284',
                            'active' => '#FFAE95',
                        )
                    ),
                    array(
                        'id' => 'link-color-4',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#00B9E4',
                            'hover' => '#3CCFF2',
                            'active' => '#2B93AB',
                        )
                    ),
                    array(
                        'id' => 'link-color-5',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#3D9794',
                            'hover' => '#BDE9E7',
                            'active' => '#96AFAE',
                        )
                    ),
                    array(
                        'id' => 'link-color-6',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#509745',
                            'hover' => '#A4AEA2',
                            'active' => '#A4AEA2',
                        )
                    ),
                    	array(
                        'id' => 'link-color-7',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#3B944F',
                            'hover' => '#91AB97',
                            'active' => '#91AB97',
                        )
                    ),
                    /*	array(
                        'id' => 'link-color-8',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#9E973C',
                            'hover' => '#B6B496',
                            'active' => '#F3EFB9',
                        )
                    ),
                   	 	array(
                        'id' => 'link-color-9',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#98446F',
                            'hover' => '#B0A1AB',
                            'active' => '#EAD0DD',
                        )
                    ),
                    	array(
                        'id' => 'link-color-10',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#956F40',
                            'hover' => '#ACA49A',
                            'active' => '#E5D7C6',
                        )
                    ),
                    	array(
                        'id' => 'link-color-11',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#333431',
                            'hover' => '#65675E',
                            'active' => '#181F00',
                        )
                    ),
                    	array(
                        'id' => 'link-color-12',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#2A0045',
                            'hover' => '#6E6773',
                            'active' => '#D3B6E6',
                        )
                    ),
                    	array(
                        'id' => 'link-color-13',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#C20430',
                            'hover' => '#F829F',
                            'active' => '#61323D',
                        )
                    ),
                    	array(
                        'id' => 'link-color-14',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#E64461',
                            'hover' => '#FFA5B5',
                            'active' => '#734B52',
                        )
                    ),
                    	array(
                        'id' => 'link-color-15',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#80C5FF',
                            'hover' => '#0071CF',
                            'active' => '#345068',
                        )
                    ),
                    	array(
                        'id' => 'link-color-16',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#05BAB3',
                            'hover' => '#305D5B',
                            'active' => '#305D5B',
                        )
                    ),
                    	array(
                        'id' => 'link-color-17',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#80BD00',
                            'hover' => '#D6FF80',
                            'active' => '#4F5F2F',
                        )
                    ),
                    	array(
                        'id' => 'link-color-18',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#2C9A44',
                            'hover' => '#A4FFBB',
                            'active' => '#314D38',
                        )
                    ),
                    	array(
                        'id' => 'link-color-19',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#B48A09',
                            'hover' => '#FFE186',
                            'active' => '#5A502F',
                        )
                    ),
                   	 	array(
                        'id' => 'link-color-20',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#AF0060',
                            'hover' => '#FF80C5',
                            'active' => '#582C44',
                        )
                    ),
                    	array(
                        'id' => 'link-color-21',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#715192',
                            'hover' => '#E2C6FF',
                            'active' => '#413949',
                        )
                    ),
                    	array(
                        'id' => 'link-color-22',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#634F26',
                            'hover' => '#FFFE5B0',
                            'active' => '#312D22',
                        )
                    ),
                    	array(
                        'id' => 'link-color-23',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#65675E',
                            'hover' => '#181F00',
                            'active' => '#181F00',
                        )
                    ),
                    	array(
                        'id' => 'link-color-24',
                        'type' => 'link_color',
                     	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'title' => __('Links Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#E1C400',
                            'hover' => '#FFED70',
                            'active' => '#545032',
                        )
                    ),*/
                    
                    /*------------------------------------- 
                    		Breadcrumbs Font Color 
                    -------------------------------------- */
                    
                    	 array(
                        'id' => 'breadcrumbs-color-1',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('1')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#9ECAEB',
                            'hover' => '#CCE3F5',
                            'active' => '#D8DFDB',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-2',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('2')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#A62529',
                            'hover' => '#BF7073',
                            'active' => '#FF7377',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-3',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('3')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#A64D30',
                            'hover' => '#BF9284',
                            'active' => '#FFAE95',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-4',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('4')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#00B9E4',
                            'hover' => '#3CCFF2',
                            'active' => '#2B93AB',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-5',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('5')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#3D9794',
                            'hover' => '#BDE9E7',
                            'active' => '#96AFAE',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-6',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('6')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#509745',
                            'hover' => '#A4AEA2',
                            'active' => '#A4AEA2',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-7',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('7')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#3B944F',
                            'hover' => '#91AB97',
                            'active' => '#91AB97',
                        )
                    ),
                    
                   /*  array(
                        'id' => 'breadcrumbs-color-8',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('8')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#9E973C',
                            'hover' => '#B6B496',
                            'active' => '#F3EFB9',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-9',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('9')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#98446F',
                            'hover' => '#B0A1AB',
                            'active' => '#EAD0DD',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-10',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('10')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#956F40',
                            'hover' => '#ACA49A',
                            'active' => '#E5D7C6',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-11',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('11')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#333431',
                            'hover' => '#65675E',
                            'active' => '#181F00',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-12',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('12')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#2A0045',
                            'hover' => '#6E6773',
                            'active' => '#D3B6E6',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-13',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('13')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#C20430',
                            'hover' => '#F829F',
                            'active' => '#61323D',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-14',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('14')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#E64461',
                            'hover' => '#FFA5B5',
                            'active' => '#734B52',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-15',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('15')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#80C5FF',
                            'hover' => '#0071CF',
                            'active' => '#345068',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-16',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('16')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#05BAB3',
                            'hover' => '#305D5B',
                            'active' => '#305D5B',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-17',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('17')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#80BD00',
                            'hover' => '#D6FF80',
                            'active' => '#4F5F2F',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-18',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('18')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#2C9A44',
                            'hover' => '#A4FFBB',
                            'active' => '#314D38',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-19',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('19')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#B48A09',
                            'hover' => '#FFE186',
                            'active' => '#5A502F',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-20',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('20')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#AF0060',
                            'hover' => '#FF80C5',
                            'active' => '#582C44',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-21',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('21')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#715192',
                            'hover' => '#E2C6FF',
                            'active' => '#413949',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-22',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('22')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#634F26',
                            'hover' => '#FFFE5B0',
                            'active' => '#312D22',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-23',
                        'type' => 'link_color',
                    	 'required' => array('webpage-theme-color', 'equals', array('23')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#65675E',
                            'hover' => '#181F00',
                            'active' => '#181F00',
                        )
                    ),
                    
                     array(
                        'id' => 'breadcrumbs-color-24',
                        'type' => 'link_color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'title' => __('Breadcrumbs Color', 'redux-framework-demo'),
                        'subtitle' => __('Only color validation can be done on this field type', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'default' => array(
                            'regular' => '#E1C400',
                            'hover' => '#FFED70',
                            'active' => '#545032',
                        )
                    ),*/
                    
                    
                    /*------------------------------------- 
                    		Footer Heading Font Color 
                    -------------------------------------- */                   
                    
                    
                    	array(
                        'id' => 'footer-headings-color-1',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#7B8D9D',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-2',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#BF7073',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-3',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFC3B0',
                        'validate' => 'color',
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-4',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#00B9E4',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-5',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#BDE9E7',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-6',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#A4AEA2',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-7',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    /*	array(
                        'id' => 'footer-headings-color-8',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#B6B496',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-9',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-10',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-11',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    array(
                        'id' => 'footer-headings-color-12',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-13',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-14',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-15',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-16',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-17',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                  	 	array(
                        'id' => 'footer-headings-color-18',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-19',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-20',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-21',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-22',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-23',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-headings-color-24',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Headings Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E1C400',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),*/
                    
                    
                    /*------------------------------------- 
                    		Footer Font Color 
                    -------------------------------------- */
                      	array(
                        'id' => 'footer-font-color-1',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#808080',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-2',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FF7377',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-3',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFAE95',
                        'validate' => 'color',
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-4',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#2B93AB',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-5',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#96AFAE',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-6',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#D6E8D3',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-7',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#D7F2DD',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                   /* 	array(
                        'id' => 'footer-font-color-8',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F3EFB9',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-9',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#000000',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-10',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#000000',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-11',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#65675E',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    array(
                        'id' => 'footer-font-color-12',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#D3B6E6',
                        'validate' => 'color',
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-13',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FF829F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-14',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E64461',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-15',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#345068',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-16',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#305D5B',
                        'validate' => 'color',
                   	 	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-17',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#4F5F2F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                  	 	array(
                        'id' => 'footer-font-color-18',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#314D38',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-19',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#5A502F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-20',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#582C44',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-21',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#413949',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-22',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#312D22',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-23',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#65675E',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    
                    	array(
                        'id' => 'footer-font-color-24',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'output' => array('.site-title'),
                        'title' => __('Footer Font Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#A19544',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    */
                    
                    
                    /*------------------------------------- 
                    		Menu First Level Font Color 
                    -------------------------------------- */
                    array(
                        'id' => 'menu-font-color-first-level-1',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#9ECAEB',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-2',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#A62529',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-3',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#A64D30',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-4',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#00B9E4',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-5',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#3D9794',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-6',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#509745',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-7',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#91AB97',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                   /* array(
                        'id' => 'menu-font-color-first-level-8',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#9E973C',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-9',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#98446F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-10',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#956F40',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-11',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#333431',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-12',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#2A0045',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-13',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#C20430',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-14',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E64461',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-15',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#0071CF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-16',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#05BAB3',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-17',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#80BD00',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-18',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#2C9A44',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-19',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#B48A09',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-20',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#AF0060',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-21',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#715192',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-22',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => '634F26',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-23',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#65675E',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-first-level-24',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color-First Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E1C400',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    */
                    
                    /*------------------------------------- 
                    		Menu Sub Level Font Color 
                    -------------------------------------- */
                     array(
                        'id' => 'menu-font-color-sub-level-1',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#CAD2D8',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-2',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#BF7073',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-3',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#BF9284',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-4',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#2B93AB',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-5',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#96AFAE',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-6',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#A4AEA2',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-7',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#B6E4C1',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                  /*  array(
                        'id' => 'menu-font-color-sub-level-8',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#B6B496',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-9',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#B0A1AB',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-10',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#ACA49A',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-11',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#65675E',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-12',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#6E6773',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-13',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#61323D',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-14',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#734B52',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-15',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#80C5FF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-16',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#305D5B',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-17',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#4F5F2F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-18',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#314D38',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-19',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#5A502F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-20',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#582C44',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-21',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#413949',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-22',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#312D22',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-23',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#181F00',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'menu-font-color-sub-level-24',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'output' => array('.site-title'),
                        'title' => __('Menu Font Color Sub Level', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#9C8907',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),*/
                    
                    
                    
                    /*------------------------------------- 
                    		Background Menu Color 
                    -------------------------------------- */
                       array(
                        'id' => 'background-menu-color-1',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('1')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFFFFF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-2',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('2')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFB2B4',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-3',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('3')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFD3C5',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-4',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('4')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#3CCFF2',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-5',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('5')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#DBF4F3',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-6',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('6')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E9F3E7',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-7',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('7')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#3B944F',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                   /* array(
                        'id' => 'background-menu-color-8',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('8')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F9F7D8',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-9',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('9')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F4E0EA',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-10',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('10')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F2E7D9',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-11',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('11')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FDFFF4',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-12',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('12')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F5E4EF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-13',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('13')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFE6EC',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-14',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('14')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFA5B5',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-15',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('15')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E6F3FF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-16',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('16')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E6FFFE',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-17',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('17')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#F7FFE6',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-18',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('18')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#EDFFF1',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-19',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('19')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFF9E7',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-20',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('20')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFE6F3',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-21',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('21')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E2C6EF',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-22',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('22')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FFE5B0',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-23',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('23')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#FDFFF4',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),
                    array(
                        'id' => 'background-menu-color-24',
                        'type' => 'color',
                    	'required' => array('webpage-theme-color', 'equals', array('24')),
                        'output' => array('.site-title'),
                        'title' => __('Background Menu Color', 'redux-framework-demo'),
                        'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
                        'default' => '#E4E3DC',
                        'validate' => 'color',
                    	'transparent' =>false,
                    ),*/
                    
                   
                )
                
            );             
            
/*------------------------------------------------------------
 * 				Typography Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Typography Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-font',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		 array(
                        'id' => 'body-font',
                        'type' => 'typography',
                        'title' => __('Body Font', 'redux-framework-demo'),
                        'subtitle' => __('Specify the body font properties.', 'redux-framework-demo'),
                        'google' => true,
                        'default' => array(
                            'color' => '#dd9933',
                            'font-size' => '30px',
                            'font-family' => 'Arial,Helvetica,sans-serif',
                            'font-weight' => 'Normal',
                        ),
                        'color' => true,
                        'font-size' => true,
                        'line-height'=> false,
                    ),
                    
                    array(
                        'id' => 'menu-font',
                        'type' => 'typography',
                        'title' => __('Menu Font', 'redux-framework-demo'),
                        'subtitle' => __('Specify the body font properties.', 'redux-framework-demo'),
                        'google' => true,
                        'default' => array(
                            'color' => '#dd9933',
                            'font-size' => '30px',
                            'font-family' => 'Arial,Helvetica,sans-serif',
                            'font-weight' => 'Normal',
                        ),
                        'color' => true,
                        'font-size' => true,
                        'line-height'=> false,
                    ),
                    
                    
                    array(
                        'id' => 'heading-font',
                        'type' => 'typography',
                        'title' => __('Heading Font', 'redux-framework-demo'),
                        'subtitle' => __('Specify the body font properties.', 'redux-framework-demo'),
                        'google' => true,
                        'default' => array(
                            'color' => '#dd9933',
                            'font-size' => '30px',
                            'font-family' => 'Arial,Helvetica,sans-serif',
                            'font-weight' => 'Normal',
                        ),
                        'color' => true,
                        'font-size' => true,
                        'line-height'=> false,
                    ),
                    
                     array(
                        'id' => 'footer-font',
                        'type' => 'typography',
                        'title' => __('Footer Font', 'redux-framework-demo'),
                        'subtitle' => __('Specify the body font properties.', 'redux-framework-demo'),
                        'google' => true,
                        'default' => array(
                            'color' => '#dd9933',
                            'font-size' => '30px',
                            'font-family' => 'Arial,Helvetica,sans-serif',
                            'font-weight' => 'Normal',
                        ),
                        'color' => true,
                        'font-size' => true,
                        'line-height'=> false,
                    ),
                   
                   array(
                        'id' => 'top-nav-font-size',
                        'type' => 'slider',
                        'title' => __('Top Nav Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                     array(
                        'id' => 'contact-info-font-size',
                        'type' => 'slider',
                        'title' => __('Contact Info Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                     array(
                        'id' => 'side-nav-font-size',
                        'type' => 'slider',
                        'title' => __('Side Nav Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'breadcrumbs-font-size',
                        'type' => 'slider',
                        'title' => __('Breadcrumbs Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'sidebar-widget-title-font-size',
                        'type' => 'slider',
                        'title' => __('Sidebar Widget Title Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "2",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'footer-widget-title-font-size',
                        'type' => 'slider',
                        'title' => __('Footer Widget Title Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h1-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H1&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h2-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H2&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h3-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H3&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h4-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H4&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h5-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H5&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    array(
                        'id' => 'h6-font-size',
                        'type' => 'slider',
                        'title' => __('&lt;H6&gt; Font Size [px]', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "50",
                    ),
                    
                    
                )
                
            );  

/*------------------------------------------------------------
 * 				Blog Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Blog Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-blogger',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'blog-title-bar',
                        'type' => 'text',
                        'title' => __('Blog Title Bar', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    	array(
                        'id' => 'slidebar-position',
                        'type' => 'image_select',
                        'compiler' => true,
                        'title' => __('Slidebar Position', 'redux-framework-demo'),
                        'subtitle' => __('Select main content and sidebar alignment. Choose between 1, 2 or 3 column layout.', 'redux-framework-demo'),
                        'options' => array(
                            '1' => array('alt' => '2 Column Left', 'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
                            '2' => array('alt' => '2 Column Right', 'img' => ReduxFramework::$_url . 'assets/img/2cr.png'),
                        ),
                        'default' => '2'
                    ),
                    
                    	array(
                        'id' => 'featured-image-single-postpage',
                        'type' => 'switch',
                        'title' => __('Enable featured image on single post page', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                        array(
                        'id' => 'author-info',
                        'type' => 'switch',
                        'title' => __('Show the author info below post', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                        array(
                        'id' => 'social-box-sharing',
                        'type' => 'switch',
                        'title' => __('Show the social sharing box.', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'show-comments',
                        'type' => 'switch',
                        'title' => __('Show comments.', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                     
                )
                
            );  
/*------------------------------------------------------------
 * 				Social Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Social Box', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-twitter',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'social-facebook-on',
                        'type' => 'switch',
                        'title' => __('Enable Facebook', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'facebook-id',
                        'type' => 'text',
                    	'required' => array('social_facebook_on', '=', '1'),
                        'title' => __('Facebook', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    	array(
                        'id' => 'social-twitter-on',
                        'type' => 'switch',
                        'title' => __('Enable Twitter', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'twitter-id',
                        'type' => 'text',
                    	'required' => array('social_twitter_on', '=', '1'),
                        'title' => __('Twitter', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    	array(
                        'id' => 'social-googleplus-on',
                        'type' => 'switch',
                        'title' => __('Enable Google Plus', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'googleplus-id',
                        'type' => 'text',
                    	'required' => array('social_googleplus_on', '=', '1'),
                        'title' => __('Google Plus', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                  	 	array(
                        'id' => 'social-flickr-on',
                        'type' => 'switch',
                        'title' => __('Enable Flickr', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'flickr-id',
                        'type' => 'text',
                    	'required' => array('social_flickr_on', '=', '1'),
                        'title' => __('Flickr', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    array(
                        'id' => 'social-yourtube-on',
                        'type' => 'switch',
                        'title' => __('Enable Yourtube', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'yourtube-id',
                        'type' => 'text',
                    	'required' => array('social_yourtube_on', '=', '1'),
                        'title' => __('Yourtube', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    array(
                        'id' => 'social-vimeo-on',
                        'type' => 'switch',
                        'title' => __('Enable Vimeo', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'vimeo-id',
                        'type' => 'text',
                    	'required' => array('social_vimeo_on', '=', '1'),
                        'title' => __('Vimeo', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    	array(
                        'id' => 'social-tumblr-on',
                        'type' => 'switch',
                        'title' => __('Enable Tumblr', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'tumblr-id',
                        'type' => 'text',
                    	'required' => array('social_tumblr_on', '=', '1'),
                        'title' => __('Tumblr', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    array(
                        'id' => 'social-digg-on',
                        'type' => 'switch',
                        'title' => __('Enable Digg', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'digg-id',
                        'type' => 'text',
                    	'required' => array('social_digg_on', '=', '1'),
                        'title' => __('Digg', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    array(
                        'id' => 'social-dribbble-on',
                        'type' => 'switch',
                        'title' => __('Enable Dribbble', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'dribbble-id',
                        'type' => 'text',
                    	'required' => array('social_dribbble_on', '=', '1'),
                        'title' => __('Dribbble', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    
                    	array(
                        'id' => 'social-linkedin-on',
                        'type' => 'switch',
                        'title' => __('Enable Linkedin', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'linkedin-id',
                        'type' => 'text',
                    	'required' => array('social_linkedin_on', '=', '1'),
                        'title' => __('Linkedin', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    	array(
                        'id' => 'social-pinterest-on',
                        'type' => 'switch',
                        'title' => __('Enable Pinterest', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'pinterest-id',
                        'type' => 'text',
                    	'required' => array('social_pinterest_on', '=', '1'),
                        'title' => __('Pinterest', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                    array(
                        'id' => 'social-instagram-on',
                        'type' => 'switch',
                        'title' => __('Enable Instagram', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'instagram_id',
                        'type' => 'text',
                    	'required' => array('social_instagram_on', '=', '1'),
                        'title' => __('Instagram', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'This is the default.'
                    ),
                    
                   
                )
                
            );  
            
/*------------------------------------------------------------
 * 				Lightbox Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Lightbox Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-th',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'stylesheet',
                        'type' => 'select',
                        'title' => __('Theme Stylesheet', 'redux-framework-demo'),
                        'subtitle' => __('Select your themes alternative color scheme.', 'redux-framework-demo'),
                        'options' => array('default.css' => 'default.css', 'gold.css' => 'gold.css', 'white.css' => 'white.css', 'gray.css' => 'gray.css', 'pink.css' => 'pink.css'),
                        'default' => 'default.css',
                    	)
                   
                   
                )
                
            ); 
/*------------------------------------------------------------
 * 				Contact Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Contact Options', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-envelope',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 	array(
                        'id' => 'company-phone-number',
                        'type' => 'text',
                        'title' => __('Company Phone Number', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'Insert your company phone number'
                    ),
                    
                    array(
                        'id' => 'company-email',
                        'type' => 'text',
                        'title' => __('Company email address', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'Insert your company phone number'
                    ),
                    
                    array(
                        'id' => 'company-address',
                        'type' => 'text',
                        'title' => __('Company address', 'redux-framework-demo'),
                        'subtitle' => __('Blog Page Title Bar', 'redux-framework-demo'),
                        'desc' => __('This field\'s default value was changed by a filter hook!', 'redux-framework-demo'),
                        'validate' => '',
                        'str' => array('search' => ' ', 'replacement' => 'thisisaspace'),
                        'default' => 'Insert your company phone number'
                    ),
                    
                     array(
                        'id' => 'company-text',
                        'type' => 'textarea',
                        'title' => __('Company Text', 'redux-framework-demo'),
                        'subtitle' => __('All HTML will be stripped', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'no_html',
                        'default' => 'No HTML is allowed in here.'
                    ),
                    
                    array(
                        'id' => 'show-company-map',
                        'type' => 'switch',
                        'title' => __('Enable Google Map', 'redux-framework-demo'),
                        'subtitle' => __('Look, it\'s on! Also hidden child elements!', 'redux-framework-demo'),
                        "default" => 0,
                        'on' => 'Enabled',
                        'off' => 'Disabled',
                    ),
                    
                    	array(
                        'id' => 'googlemap-width',
                        'type' => 'text',
                    	'required' => array('show-company-map', '=', '1'),
                        'title' => __('Google Map Width', 'redux-framework-demo'),
                        'subtitle' => __('This must be numeric.', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'numeric',
                        'default' => '0',
                        'class' => 'small-text'
                    ),
                    
                    	array(
                        'id' => 'googlemap-height',
                        'type' => 'text',
                        'required' => array('show-company-map', '=', '1'),
                        'title' => __('Google Map Height', 'redux-framework-demo'),
                        'subtitle' => __('This must be numeric.', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'numeric',
                        'default' => '0',
                        'class' => 'small-text'
                    ),
                    
                    	array(
                        'id' => 'map-latitude',
                        'type' => 'text',
                        'required' => array('show-company-map', '=', '1'),
                        'title' => __('Address Latitude', 'redux-framework-demo'),
                        'subtitle' => __('This must be a alpha numeric only.', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'no_special_chars',
                        'default' => 'latitude'
                    ),
                    
                    	array(
                        'id' => 'map-longtitude',
                        'type' => 'text',
                        'title' => __('Address Longitude', 'redux-framework-demo'),
                        'required' => array('show-company-map', '=', '1'),
                        'subtitle' => __('This must be a alpha numeric only.', 'redux-framework-demo'),
                        'desc' => __('This is the description field, again good for additional info.', 'redux-framework-demo'),
                        'validate' => 'no_special_chars',
                        'default' => 'longtitude'
                    ),
                   
                   
                    	array(
                        'id' => 'map-zoom',
                        'type' => 'slider',
                        'required' => array('show-company-map', '=', '1'),
                        'title' => __('Map Zoom level', 'redux-framework-demo'),
                        'desc' => __('JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'redux-framework-demo'),
                        "default" => "45",
                        "min" => "0",
                        "step" => "1",
                        "max" => "30",
                    ),
                    
                )
                
            );  
/*------------------------------------------------------------
 * 				CSS / Javascript Options 
------------------------------------------------------------*/
			$this->sections[] = array(
                'title' => __('Custom CSS/ Javascript', 'redux-framework-demo'),
                'desc' => __(''),
                'icon' => 'el-icon-magic',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                
                 		array(
                        'id' => 'css-code',
                        'type' => 'ace_editor',
                        'title' => __('CSS Code', 'redux-framework-demo'),
                        'subtitle' => __('Paste your CSS code here.', 'redux-framework-demo'),
                        'mode' => 'css',
                        'theme' => 'monokai',
                        'desc' => '',
                        'default' => "#header{\nmargin: 0 auto;\n}"
                    ),
                   
                    	array(
                        'id' => 'js-code',
                        'type' => 'ace_editor',
                        'title' => __('JS Code', 'redux-framework-demo'),
                        'subtitle' => __('Paste your JS code here.', 'redux-framework-demo'),
                        'mode' => 'javascript',
                        'theme' => 'chrome',
                        'desc' => '',
                        'default' => "jQuery(document).ready(function(){\n\n});"
                    ),
                   
                )
                
            );  
            
 // End of Theme Optoins menu           
            $this->sections[] = array(
                'type' => 'divide',
            );



        }

        public function setHelpTabs() {

            // Custom page help tabs, displayed using the help API. Tabs are shown in order of definition.
            $this->args['help_tabs'][] = array(
                'id' => 'redux-opts-1',
                'title' => __('Theme Information 1', 'redux-framework-demo'),
                'content' => __('<p>This is the tab content, HTML is allowed.</p>', 'redux-framework-demo')
            );

            $this->args['help_tabs'][] = array(
                'id' => 'redux-opts-2',
                'title' => __('Theme Information 2', 'redux-framework-demo'),
                'content' => __('<p>This is the tab content, HTML is allowed.</p>', 'redux-framework-demo')
            );

            // Set the help sidebar
            $this->args['help_sidebar'] = __('<p>This is the sidebar content, HTML is allowed.</p>', 'redux-framework-demo');
        }

            public function setArguments() {

            $theme = wp_get_theme(); // For use with some settings. Not necessary.


            $this->args = array(
                // TYPICAL -> Change these values as you need/desire
                'opt_name' => 'theme-home', // This is where your data is stored in the database and also becomes your global variable name.
                'display_name' => $theme->get('Name'), // Name that appears at the top of your panel
                'display_version' => $theme->get('Version'), // Version that appears at the top of your panel
                'menu_type' => 'menu', //Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only)
                'allow_sub_menu' => true, // Show the sections below the admin menu item or not
                'menu_title' => __('Sample Options', 'redux-framework-demo'),
                'page' => __('Sample Options', 'redux-framework-demo'),
                // You will need to generate a Google API key to use this feature.
                // Please visit: https://developers.google.com/fonts/docs/developer_api#Auth
                'google_api_key' => '', // Must be defined to add google fonts to the typography module
                //'admin_bar' => false, // Show the panel pages on the admin bar
                'global_variable' => '', // Set a different name for your global variable other than the opt_name
                'dev_mode' => false, // Show the time the page took to load, etc
                'customizer' => true, // Enable basic customizer support
                // OPTIONAL -> Give you extra features
                'page_priority' => null, // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
                'page_parent' => 'themes.php', // For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters
                'page_permissions' => 'manage_options', // Permissions needed to access the options panel.
                'menu_icon' => '', // Specify a custom URL to an icon
                'last_tab' => '', // Force your panel to always open to a specific tab (by id)
                'page_icon' => 'icon-themes', // Icon displayed in the admin panel next to your menu_title
                'page_slug' => '_options', // Page slug used to denote the panel
                'save_defaults' => true, // On load save the defaults to DB before user clicks save or not
                'default_show' => false, // If true, shows the default value next to each field that is not the default value.
                'default_mark' => '', // What to print by the field's title if the value shown is default. Suggested: *
                // CAREFUL -> These options are for advanced use only
                'transient_time' => 60 * MINUTE_IN_SECONDS,
                'output' => true, // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
                'output_tag' => true, // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head
                //'domain'             	=> 'redux-framework', // Translation domain key. Don't change this unless you want to retranslate all of Redux.
                //'footer_credit'      	=> '', // Disable the footer credit of Redux. Please leave if you can help it.
                // FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
                'database' => '', // possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
                'show_import_export' => true, // REMOVE
                'system_info' => false, // REMOVE
                'help_tabs' => array(),
                'help_sidebar' => '', // __( '', $this->args['domain'] );            
           		 );
                     

            // SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.		
           /* $this->args['share_icons'][] = array(
                'url' => 'https://github.com/ReduxFramework/ReduxFramework',
                'title' => 'Visit us on GitHub',
                'icon' => 'el-icon-github'
                    // 'img' => '', // You can use icon OR img. IMG needs to be a full URL.
            );
            $this->args['share_icons'][] = array(
                'url' => 'https://www.facebook.com/pages/Redux-Framework/243141545850368',
                'title' => 'Like us on Facebook',
                'icon' => 'el-icon-facebook'
            );
            $this->args['share_icons'][] = array(
                'url' => 'http://twitter.com/reduxframework',
                'title' => 'Follow us on Twitter',
                'icon' => 'el-icon-twitter'
            );
            $this->args['share_icons'][] = array(
                'url' => 'http://www.linkedin.com/company/redux-framework',
                'title' => 'Find us on LinkedIn',
                'icon' => 'el-icon-linkedin'
            );
*/




            // Add content after the form.
            $this->args['footer_text'] = __('<p>This text is displayed below the options panel. It isn\'t required, but more info is always better! The footer_text field accepts all HTML.</p>', 'redux-framework-demo');
        }

    }

    new Theme_options_framework_config();
}


